<template>
<section id="topFeature">
    <div class="row">
<child>
    <h3><strong style="font-size: 30px;">了</strong>解更多</h3>
    <img src="images/miniproQRCode.jpg" class="qrcode">
    <img src="images/qrcode.jpg" class="qrcode">
</child>
<child>
    <h3> &nbsp; &nbsp;我们的愿景</h3>
    <ul class="opening-table" id="our_functions">
    <li v-for="willing in willings" :key='willing'>
<div class="will">{{willing}}</div>
</li>
    </ul>
</child>
<child>
    <h3>我们的特色</h3>
    <p id="our_feature">{{features}}</p>
</child>
    </div>
 </section>
</template>

<script>
import child from './squers'
export default {
  data () {
    return {
      willings: ['做南京本土互联网公司',
        '做大学生服务的第一品牌',
        '为有想法有坚持的大学生提供施展才华的空间'],
      features: '“宿蜂”校园有偿互助信息平台,是一款针.对在校路带物,时间共享”的理念,促使当化大学生更好的利用自己的碎片化扩间,以达到互帮互助共同提高的目标。以效率为本、以安全为先。'
    }
  },
  components: {
    child
  }
}
</script>

<style scoped>
.will{
  color: white;
  font-size: 16px;
  font-weight: bold;
}
</style>
